<template>
  <div>
    <h1>APP组件</h1>
    <h2>姓名:{{name}}</h2>
    <h2>年龄:{{age}}</h2>
    <button @click="sayHello">说话</button>
  </div>
</template>

<script>
export default {
  name: 'App',
  //处知识测试一下setup,暂时不考虑响应式的问题
  setup(){
    //数据
    let name = '张三'
    let age = 18

    //方法
    function sayHello(){
      alert(`hello Vue3,my name is ${name} , I'm${age}`)
    }
    //返回一个对象(常用)
    return{//简写形式
      name,
      age,
      sayHello
    }
    //返回一个函数(渲染函数)
    // return () => {return h('h1','我')}
  }
}
</script>
